﻿@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 1440px) {

	.index .page4{height: 800px;}
	.index .page4 .item .text .f-16 br{display: none;}
	.index .page4 .item .text .f-16{line-height: 24px;}
	.index .page4 .item.i1{top: -5px;}
	.index .page4 .item.i2{bottom: -5%;}
	.index .page4 .item.i5{left: -20%;}
	.index .page4 .item.i3{top: -5%;}
	.index .page4 .item.i4{bottom: -5%;}
	.index .page4 .item.i6{right: -20%;}
	
}
@media screen and (max-width: 1366px) {

}
@media screen and (max-width: 1024px) {

	.index .page4 .cm{max-width:80%;}
	.index .page4 .round{width:66%;left:17%;}
	.index .page4 .title .line{height:140px;}

	.index .page4 .cm{width: 60%;}


}
@media screen and (max-width: 1024px) and (min-width:769px) {
	
}
@media screen and (max-width:768px) {
	
	.index .page4 .round:before, .index .page4 .round:after,.index .page4 .img,.index .page4 .round img{display:none;}
	.index .page4 .round{width:100%;left:0px;}
	.index .page4 .item.i1,.index .page4 .item.i2,.index .page4 .item.i3,.index .page4 .item.i4{width:100%;height:auto;position:relative;top:auto;left:auto;right:auto;bottom:auto;display:inline-block;}
	.index .page4 .item.i1 .text, .index .page4 .item.i2 .text,.index .page4 .item.i3 .text, .index .page4 .item.i4 .text{display:block;position:relative;top:auto;left:auto;right:auto;bottom:auto;width:auto;margin-left:74px;text-align:left;}
	.index .page4 .item,.index .page4 .item.active{background-color:inherit;border:none;}
	.index .page4 .item{margin-top:20px;}
	.index .page4 .item i{width:54px;height:54px;line-height:54px;border:1px #e8c22f solid;border-radius: 100px;float:left;font-size:28px;}
	.index .page4 .item.active i{background-color: #e8c22f;}
	.index .page4 .cm{max-width:100%;}
	.index .page4 .item .line{display:none;}
	.index .page4 .item.active .text .f-16{margin-top:3px;}
	
	.product .group{margin-right:0px;padding:20px;}

	.institute .page2,.institute .page3{padding:50px 0;}
	.institute .page4 .w50{width:100%;}
	.institute .page4{padding:100px 0;}
	.institute .page5 .col-sm-4{width:50%;}
	.institute .page5 .col-sm-10{width:70%;}
	.institute .page5{padding:0 0 50px;}
	.institute .page3 .col-sm-2{width:25%;}

	.recruit .title img{width:130px;}
	.recruit .page2 .col-sm-2{width:100%;text-align:center;font-size:0px;}
	.recruit .page2 .col-sm-2 span{height:65px;}
	.recruit .page2 .col-sm-2 span,.recruit .page2 .col-sm-2 span:nth-child(2n){width:33.33333%;padding:0px;text-align:center;}
	.recruit .page2 i,.recruit .page2 .col-sm-2 font{float:none;display:inline-block;margin-right:0px;}
	.recruit .page2 .col-sm-2 font{line-height:30px;}
	.recruit .page2 .col-sm-10{width:90%;}
	.recruit .page3 .ptm-50 img{display:none;}
	.recruit .page3 .item{display:block;text-align:center;}
	.recruit .page3 .item span{width:120px;height:120px;line-height:120px;display:inline-block;border-radius:200px;border:1px #fc635b solid;background-color: #f5f5f5;margin:5px;}
	.recruit .page3 .item span:first-child{background-color: #fc635b;}
	.recruit .page3 .item span:nth-child(5),.recruit .page3 .item span:nth-child(6),.recruit .page3 .item span:nth-child(7){background-color: #ffe100;}
	.recruit .page4 .title a{margin-top:15px;}
	.contact .page2 .col-sm-3{border:none;width:50%;}
	.contact .page2 .col-sm-3:nth-child(2n){border-left: 1px #aeaeae solid;}

	.f-32{font-size:20px;}
	.f-60{font-size:30px;}
	.mt-25{margin-top:15px;}
	.mt-40{margin-top:30px;}
	.ptm-60{padding:32px 0;}
	.ptm-75{padding:40px 0;}

	.videoPage .w60,.videoPage .w40{width:100%;height:250px;}
	.videoPage .w40,.videoPage .w40 .con{height:auto;}
	
	
	.qp1-bd li .lt{float: none;width:auto;}
	.qp1-bd .productList li{height: auto;padding-bottom: 30px;}
	.qp1-bd li .rt{width: auto;float: none;}
	.qp1-bd li .text{margin: 20px;}
	.qp1-bd h2{font-size: 20px;margin-bottom: 2px;}
	.qp1-bd h2 span{font-size: 15px;}
	.product .g1 p{
		font-size: 13px;
		margin: 0;
		height: 44px;
		text-overflow: -o-ellipsis-lastline;
		overflow: hidden;
		text-overflow: ellipsis;
		/* display: -webkit-box; */
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}
	.qp1-bd li img{height: auto;}
	.qp1-bd li .text{padding-bottom: 60px;}
	.qp1-bd .qbtn{bottom: 0;left: 20px;}
	.qp1-more a{line-height: 42px;}
	.product .g2 .title span{width: 52% !important;}
	.qp2-bd p{margin-top: 20px;font-size: 13px;line-height: 22px;}
	.qp2-sl .hd ul{padding: 0;}
	.qp2-sl .hd li{width: 48%;border-radius: 0;float: none;display: inline-block;margin: 0 1%;}
	.qp2-sl .hd li h3 span{background-size:27px !important;font-size: 13px;padding-left: 30px;}
	.qp2-sl .hd .qline{display: none;}
	.qp2-sl .hd li h3{font-size: 13px;margin-top: 5px;}
	.qp2-sl .hd{margin-top: 15px;height: 190px;}
	.qp2-sl .bd h2{font-size: 18px;}
	.qp2-sl .bd h2 span{background: url(../img/qico1-8.png) no-repeat center bottom;}
	.qp2-sl .bd p{font-size: 13px;line-height: 22px;margin-bottom: 20px;}

/* zhb:618-修改 */
.qp1-sl .hd ul{padding: 0;}
.qp1-sl .hd li{
	width: 32.66%;
	height: 40px;
	/* border-radius: 0; */
	float: none;
	display: inline-block;
	/* margin: 0 1%; */
}
.qp1-sl .hd li:nth-child(2){
	margin: 0 1%;
}
.qp1-sl .hd li h3 span{
	background-size:27px !important;
	font-size: 12px;
	padding-left: 0px;
	line-height: 32px;
}

	.index .page4 .item i.iconfont img{display: block;}
	.index .page4 .item .l-tx{border-bottom: 2px #e8c22f solid;}
	.index .page4 .item .text .f-16{margin-top: 3px;}
	.index .page4 .item .l-tx{padding-bottom: 3px;}
	.index .page4 .item.i6,
	.index .page4 .item.i5 {width: 100%;height: auto;position: relative;top: auto;left: auto;right: auto;bottom: auto;display: inline-block;}
	.index .page4 .item.i6 .text,
	.index .page4 .item.i5 .text {display: block;position: relative;top: auto;left: auto;right: auto;bottom: auto;width: auto;margin-left: 74px;text-align: left;}
	.index .page4 .round{top: 5px;}
	.index .page4{height:auto;padding-bottom: 40px;}
	

	
}


@media screen and (max-width: 520px) {
	.index .page4 .cm{width: auto;}
	
	.index .page4 .title .line{height:100px;}


}